<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/bootstrap-datepaginator/1.1.0/bootstrap-datepaginator.min.css" rel="stylesheet" >
    <link rel="stylesheet" href="<%=basePath %>assets/layui/css/layui.css">
    <link rel="stylesheet" href="<%=basePath %>css/main.css">
    <title>汽车管理</title>
    <style type="text/css">
        .header a {
            color: white;
        }
    </style>
</head>
<body>
<div class="header" style="height: 55px;">
    <nav class="navbar navbar-inverse" role="navigation">
        <div class="navbar-inner" style="">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" style="margin-right: 50px; margin-left: 20px;">苏科汽车租赁网</a>
            </div>
            <div>
            	<p class="navbar-text navbar-left">
            		当前时间： <span id="Date"></span>
                </p>

                <!--向右对齐-->
                <p class="navbar-text navbar-right" style="margin-right: 100px;">
                    <a href="<%=basePath %>front/logout">退出</a>
                </p>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                    	<a href="#" class="dropdown-toggle" data-toggle="dropdown"> admin <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">jmeter</a></li>
                           
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<div class="container-fluid">
    <div class="row">
        <!-- 左边查询框 -->
        <div class="left col-lg-2 col-md-2 col-xs-2">
            <ul class="nav nav-pills nav-stacked">
                <li><a href="<%=basePath%>admin/index">首页</a></li>
                <li class="active"><a href="<%=basePath%>car/list">汽车管理</a></li>
                <li><a href="<%=basePath%>order/list">订单管理</a></li>
                <li><a href="<%=basePath%>user/list">用户管理</a></li>
<!--                 <li><a href="#">维修管理</a></li> -->
                <li><a href="<%=basePath%>notice/list">公告管理</a></li>
                <%-- <li><a href="<%=basePath%>user/modifypwd">修改密码</a></li> --%>
            </ul>
        </div>
        <!-- 右边内容部门 -->
        <div class="right col-lg-10 col-md-10 col-xs-10">
        	<div class="search">
				<form role="form" id="conditionForm" action="<%=basePath%>car/search">
               		 汽车类型 :
	                <select class="s1" name="type">
	                    <option value="">请选择</option>
	                    <option value="SUV">SUV</option>
	                    <option value="商务型">商务型</option>
	                    <option value="电动型">电动型</option>
	                    <option value="精英型">精英型</option>
	                    <option value="经济型">经济型</option>
	                    <option value="舒适型">舒适型</option>
	                    <option value="高端车">高端车</option>
	                   
	                </select>
               		 汽车品牌:
                	<select class="s1" name="brand">
	                    <option value="">请选择</option>
	                    <option value="MG">MG</option>
	                    <option value="一汽">一汽</option>
	                    <option value="一汽马自达">一汽马自达</option>
	                    <option value="东风">东风</option>
	                    <option value="丰田">丰田</option>
						<option value="凯迪拉克">凯迪拉克</option>
						<option value="别克">别克</option>
						<option value="大众">大众</option>
						<option value="大众斯柯达">大众斯柯达</option>
						<option value="奔驰">奔驰</option>
						<option value="奥迪">奥迪</option>
						<option value="宝马">宝马</option>
						<option value="捷豹">捷豹</option>
						<option value="本田">本田</option>
						<option value="标致">标致</option>
						<option value="玛莎拉蒂">玛莎拉蒂</option>
						<option value="现代">现代</option>
						<option value="福特">福特</option>
						<option value="纳智捷">纳智捷</option>
						<option value="绅宝">绅宝</option>
						<option value="腾势">腾势</option>
						<option value="英菲尼迪">英菲尼迪</option>
						<option value="荣威">荣威</option>
						<option value="起亚">起亚</option>
						<option value="路虎">路虎</option>
						<option value="雪佛兰">雪佛兰</option>
						<option value="马自达">马自达</option>
						</select>
                	租车状态 :
                	<select class="s2" name="renstatus">
	                    <option value="">请选择</option>
	                    <option value="已租出">已租出</option>
	                    <option value="未租出">未租出</option>
                	</select>

                	<div id="distpicker" style="float: right;width: 600px;height: 35px;">
	                    <div class="form-group" style="float: left;margin-right: 5px;">
	                        <label class="sr-only" for="province">Province</label>
	                        <select name="province" class="s2" id="province" data-province=""></select>
	                    </div>
	                    <div class="form-group" style="float: left;margin-right: 5px;">
	                        <label class="sr-only" for="city">City</label>
	                        <select name="city" class=s2" id="city" data-city=""></select>
	                    </div>
	                    <div class="form-group" style="float: left;margin-right: 5px;">
	                        <label class="sr-only" for="area">District</label>
	                        <select name="area" class="s2" id="district" data-district=""></select>
	                    </div>
	                    <button type="button" class="chaxun">查询</button>
	                    <button class="add">
	                        <a href="<%=basePath %>/car/toAdd" style="color: white;">添加</a>
	                    </button>
	                
				</form>
			</div>
        </div>
<!--         <div style="height: 30px; background: #f5f5f5; padding-top: 5px; padding-left: 10px;"> -->
<!--            	 排序： <a style="">按订单金额</a> &nbsp;&nbsp; <a>按日期</a> -->
<!--         </div> -->
        <div style="padding-left: 10px;">
            <table class="table table-hover">
                <caption></caption>
                <thead>
                    <tr>
                        <th>id</th>
                        <th>类型</th>
                        <th>品牌</th>
                        <th>租价</th>
                        <th>租车押金</th>
                        <th>违章押金</th>
                        <th>所归地点</th>
                        <th>所属门店</th>
                        <th>租车状态</th>
                        <th>车辆状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="carList"></tbody>
            </table>
        </div>
        <div class="text-center" id="pagination"></div>
    </div>
</div>
</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="<%=basePath %>assets/layui/layui.js"></script>
<script src="<%=basePath %>js/distpicker.data.js"></script>
<script src="<%=basePath %>js/distpicker.js"></script>
<script src="<%=basePath %>js/main.js"></script>
<script src="<%=basePath %>js/carlist.js"></script>
<script type="text/javascript">
    $(function () {
        // 引入layui的laypage模块
        layui.use('laypage', function(){
            var laypage = layui.laypage;
            // 初始化
            CarList.init('<%=basePath %>', laypage);
        });
    });
</script>
</body>
</html>